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EFFICIENT PRINTING OF FRAMES PAGES 
Copyright Notice 

This patent specification contains material that is subject to copyright protection. 
The copyright owner has no objection to the reproduction of this patent specification or 
5 related materials from associated patent office files for the purposes of review, but 
otherwise reserves all copyright whatsoever. 

Field of the Invention 
The present invention relates generally to the printing of Web pages found on the 
World Wide Web and like computer networks and, in particular, to arrangements that 
10 efficiently accommodate for the existence and variable nature of frames, as are often 
found in such web pages. The present invention also relates to a method and apparatus 
for enabling printing of frames pages, and to a computer program product including a 
computer readable medium having recorded thereon a computer program for printing 
frames pages. 

1 5 Background 

The World Wide Web (the "Web") represents a vast repository of information 
accessible to users of the Internet and other computer networks. Information available on 
the Web is generally formatted according to well known standards and processes such as 
HTML and JavaScript, and applications such as plug-ins and applets. In spite of 

20 standards being followed, users often encounter problems when accessing or viewing 
Web pages and/or specific content contained on such pages. In some instances such 
problems arise from the computer browser application being operated by the user to 
access Web pages. One such problem that often arises occurs when a user selects to print 
a Web page only to find that the printed matter does not correspond with that displayed 

25 on the video screen to the user by the browser. 
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The problems of printing arise generally from two aspects of the Web page in 
question. Firstly, Web pages are often formatted to optimise display on a computer 
display screen, which has a different width to that of printing media, such as A4-size 
paper. As a consequence, Web pages are often too wide to fit completely on the paper. 
5 Another problem, also associated with width, is the presence of frames within Web pages 
and that when printing such pages, content within frames and which is desired to be seen, 
is often cropped or contain scroll bars. 

Current attempts to resolve these problems include gross scaling of page 
elements and the separate printing of individual page elements. Such approaches are 
10 unsatisfactory in that gross scaling can reduce size to useless levels and separate printing 
results in a loss of structure of the Web page and hence the user's ability to subsequently 
traverse the Web elements when in hard copy form. 

Summary 

It is an object of the present invention to substantially overcome, or at least 
15 ameliorate, one or more disadvantages of existing arrangements. 

Disclosed are arrangements which seek to address the above problems by 
dynamically adjusting the scale of individual frames and their height so that a width of the 
print media is not exceeded whilst substantially maintaining the layout of the Web page 
as presented to the user upon the display screen. 
20 According to one aspect of the present invention, there is provided a method for 

a method of forming a printable representation of a document having framed content, said 
method comprising the steps of: 

(a) recording the position, height and width of each frame of said document 
in a display widow in which said document is presented, 
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(b) identifying dimensions of a printing medium associated with said 
printable representation; 

(c) determining a height of content of each said frame; 

(d) determining, for each said frame, a record of any corresponding 
5 dependency frames, each said dependency frame being above said frame in said display 

window; 

(e) interpreting the records to establish a display order of said frames; 

(f) for each said frame, and in said display order: 

(fa) checking a start position of said frame against an end position 
10 of a created display region of a frame upon which said frame is dependent, and setting 

said start position to be said end position; 

(fb) creating a display region upon a page in said printable 
representation at said start position according to said corresponding content height; 

(fc) placing the content of said frame into said display region; and 
15 (fd) where said display region exceeds a page limit in said printable 

representation, terminating the display region at the page limit and creating a further 
display region upon a following page of the printable representation. 
Other aspects of the invention are also disclosed. 

Brief Description of the Drawings 
20 Some aspects of the prior art and one or more embodiments of the present 

invention will now be described with reference to the drawings, in which: 

Fig. 1 depicts a typical Web page viewed from a prior art browser window; 

Fig. 2A shows a prior art print preview of the Web page of Fig. 1 ; 

Fig. 2B shows a real example of a prior art print preview similar to Fig. 2A; 
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Fig. 3 depicts another typical Web page viewed from a prior art browser 

window; 

Fig. 4A shows a first prior art print preview of the Web page of Fig. 3; 
Fig. 4B shows a real example of a prior art print preview similar to Fig. 4A; 
5 Figs. 5 A to 5D show second and third prior art print previews of the Web page of 

Fig. 3; 

Fig. 6 shows a modified Web browser toolband incorporating the custom print 
option of the present disclosure; 

Fig. 7 illustrates the prior art problem of excessive width; 
10 Fig. 8 shows a correction to the with of Fig. 7 according to the present 

disclosure; 

Fig. 9 shows a multi-column approach to achieve compact printing; 

Fig. 10 illustrates a prior art print preview of a long frame page; 

Fig. 1 1 shows a print preview according the present disclosure of the page of 

15 Fig. 10; 

Fig. 12 is a flowchart depicting operation of a browser modified with the 
toolband of Fig. 6; 

Fig. 13 depicts a rectangle approach to the division of a Web page for printing 
purposes as used in the arrangements of the present disclosure; 
20 Fig. 14 schematically illustrates a flattening of a nested tree structure of frames 

according to the present disclosure; 

Fig. 1 5 illustrates a mechanism of expanding long frames; 

Figs. 16 and 17 show the change to a page including overlap after expansion 
according to the present disclosure; 
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Figs. 18A to 18D illustrate a method of handling long frames according to the 
present disclosure; 

Fig. 19 is a flow diagram of a method of printing frames pages according to the 
present disclosure; 

5 Fig. 20 shows a print preview of the frames page of Fig. 3 according to the 

present disclosure; 

Fig. 21 is a schematic block diagram of a general purpose computer and 
associated computer network upon which the arrangements described can be practiced; 

Fig. 22 is a flowchart for the printing of Web pages incorporating the described 
10 arrangements; 

Figs. 23A and 23B depict horizontal overlap and its handling according to the 
present disclosure; and 

Figs. 24A to 24C depict a preferred form of scaling used in the described arrangements. 
Detailed Description including Best Mode 

15 Where reference is made in any one or more of the accompanying drawings to 

steps and/or features, which have the same reference numerals, those steps and/or features 
have for the purposes of this description the same function(s) or operation(s), unless the 
contrary intention appears. 

The method and processes of Web browsing and printing described herein are 

20 typically practiced using a general-purpose computer system, such as the system 2100 
shown in Fig. 21. The processes of browsing and printing are typically implemented 
using software, such as one or more application programs executing within the computer 
system 2100. In particular, the methods and processes are effected by instructions in the 
software that are carried out by the computer. The instructions may be formed as one or 

25 more code modules, each for performing one or more particular tasks. The software may 
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also be divided into three separate parts, in which a first part performs the browsing 
methods, a second part which handles the printing of Web pages, and a third part manages 
a user interface between the first part and the user. The software may be stored in a 
computer readable medium, including the storage devices described below, for example. 
5 The software is loaded into the computer from the computer readable medium, and then 
executed by the computer. A computer readable medium having such software or 
computer program recorded on it is a computer program product. The use of the 
computer program product in the computer preferably effects an advantageous apparatus 
for Web printing. 

10 The computer system 2100 is formed by a computer module 2101, input devices 

such as a keyboard 2102 and mouse 2103, and output devices including a printer 21 15, a 
display device 2114 and loudspeakers 2117. A Modulator-Demodulator (Modem) 
transceiver device 2116 is used by the computer module 2101 for communicating to and 
from a communications network 2120, for example connectable via a telephone line 2121 

15 or other functional medium. The modem 2116 can be used to obtain access to the 
Internet, the Web, and other network systems, such as a Local Area Network (LAN) or a 
Wide Area Network (WAN), and may be incorporated into the computer module 2101 in 
some implementations. 

The computer module 2101 typically includes at least one processor unit 2105, 

20 and a memory unit 2106, for example formed from semiconductor random access 
memory (RAM) and read only memory (ROM). The module 2101 also includes an 
number of input/output (I/O) interfaces including an audio-video interface 2107 that 
couples to the video display 21 14 and loudspeakers 2117, an I/O interface 21 13 for the 
keyboard 2102 and mouse 2103 and optionally a joystick (not illustrated), and an 

25 interface 2108 for the modem 2116 and printer 2115. In some implementations, the 
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modem 2116 may be incorporated within the computer module 2101, for example within 
the interface 2108. A storage device 2109 is provided and typically includes a hard disk 
drive 21 10 and a floppy disk drive 2111. A magnetic tape drive (not illustrated) may also 
be used. A CD-ROM drive 2112 is typically provided as a non-volatile source of data. 

5 The components 2105 to 21 13 of the computer module 2101, typically communicate via 
an interconnected bus 2104 and in a manner which results in a conventional mode of 
operation of the computer system 2100 known to those in the relevant art. Examples of 
computers on which the described arrangements can be practised include IBM-PC's and 
compatibles, Sun Sparcstations or alike computer systems evolved therefrom. 

10 Typically, the browser application program, by which a user of the 

computer 2100 accesses the Web, is resident on the hard disk drive 2110 and read and 
controlled in its execution by the processor 2105. Intermediate storage of the program 
and any data fetched from the network 2120 may be accomplished using the 
semiconductor memory 2106, possibly in concert with the hard disk drive 2110. In some 

15 instances, the browser program may be supplied to the user encoded on a CD-ROM or 
floppy disk and read via the corresponding drive 21 12 or 21 1 1, or alternatively may be 
read by the user from the network 2120 via the modem device 2116. Still further, the 
software can also be loaded into the computer system 2100 from other computer readable 
media. The term "computer readable medium" as used herein refers to any storage or 

20 transmission medium that participates in providing instructions and/or data to the 
computer system 2100 for execution and/or processing. Examples of storage media 
include floppy disks, magnetic tape, CD-ROM, a hard disk drive, a ROM or integrated 
circuit, a magneto-optical disk, or a computer readable card such as a PCMCIA card and 
the like, whether or not such devices are internal or external of the computer 

25 module 2101. Examples of transmission media include radio or infra-red transmission 
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channels as well as a network connection to another computer or networked device, and 
the Internet or Intranets including e-mail transmissions and information recorded on 
Websites and the like. 

As seen in Fig. 21, the modem 2116 enables a user of the computer 2100 to 

5 access a Web page 2130 via the network 2120. The Web page may be resident on a 
server computer 2125 (shown separately) and accessible via a Web address defined by a 
Uniform Resource Locator (URL) to thereby reproduce content 2132 to the user. 
Typically, the browser application activates a graphical user interface (GUI) on the video 
display 2114 of the computer system 2100 which displays the content 2132 and any 

10 associated links 2134 to the user. Most commercially available browser applications 
include functionality to enable printing of the Web page 2130 on the user's local 
printer 21 15. 

Fig. 1 shows a browser GUI window 100 as might be typically found reproduced 
by the video display 2114 during a Web browsing session using a prior art browser. The 

15 window 100 includes a tool bar 102 having numerous user selectable icons for instigating 
certain functionality. Two of those icons as illustrated include a print icon 120 and a print 
preview icon 122. Actuation of the print icon 120 causes a printing of the currently 
displayed Web page on the printer 2115 according to the printing schema associated with 
the web browser application. Selection of the print preview icon 122 results in the web 

20 browser application instigating a process to provide the user with a further window upon 
the display 21 14 in which an actual layout of the document to be printed may be viewed. 
The print function 120 and the print preview function 122 are well known in the art not 
only in the field of browser applications but also in desktop publishing and word 
processing applications. 
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In Fig. 1, a web page 104 is displayed which includes a number of content items, 
those being a web page banner 106, a number of links 108, an image 1 12, more links 110, 
text links and content 114, and more content and stuff 116. As can be seen from Fig. 1, 
each of the content items within the web page 104 fit within the width of the page but the 

5 two of the content items 1 10 and 1 16 extend beyond the length of the window 100. This 
necessitates the incorporation of a vertical scroll bar 118 so that a user can manipulate the 
mouse pointer 2103 or the keyboard 2102, to scroll down the web page 104 to review that 
content of that web page 1 04 that is presently obscured. 

Fig. 2A depicts a print preview display 200 of the web page 104 of Fig. 1. The 

10 print preview display 200 includes a limited toolbar 202 incorporating functionality 
commonly found with print preview displays. Significantly, it is seen from Fig. 2A that, 
in creating the print preview display 200, the prior art browser application takes no 
account for the width of the web page 104 and the width of the print medium (eg. A4 
sized paper) upon which the web page is to be hardcopy reproduced. In this regard, 

15 whilst the content items 208, 210 and 212 are shown in their entirety, each of the content 
items 206, 214 and 216 extend beyond the right hand edge of the printable page and, as a 
consequence, the print preview function of the web browser application has clipped that 
content in line with the page boundary. 

A true life example of the clipping seen in Fig. 2A is shown in Fig. 2B which is a 

20 print preview performed by Internet Explorer™ version 5.5 (Microsoft Corp.). It is seen 
in the print preview 250 that the right hand edge 252 has been clipped. This is apparent 
through the cropping of the word "horoscope" where only the letters "horoscop" are 
displayed. Actuation of the "print" icon 220 and 254 in the print preview toolbar of 
Figs. 2A and 2B respectively will result in the page as displayed being printed upon the 

25 printer 21 15. 
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Fig. 3 shows another prior art browser window 300 having a toolbar 302 with a 
print icon 304 and print preview icon 306, and which displays a web page 308. The web 
page 308 is somewhat more complicated than the web page 104 of Fig. 1 in that each of 
the content items 3 10, 312, 314, 316 and 322 are arranged as frames and to be displayed, 

5 by virtue of the HTML coding of the web page 308, within the display space afforded by 
the browser window 300. In this regard, whilst the content items 316 and 322 extend 
beyond the displayable boundaries, each of those items are provided with vertical 3 1 8, 
324 and horizontal 320, 326 scroll bars respectively, thereby allowing the user to scroll 
within those particular content items to view all information contained therein. In this 

10 example, the items 312 and 314 collectively form a frame, structured by a table. 

A web page such as the web page 308 is termed a "frames page" whereby 
HTML frames are used to describe and format at least one of the content items contained 
on the web page 308. Notably, for a typical size of the window 300, the web page 308 is 
displayed without a scroll bar for the page 308. This is because, for the typical size, each 

15 of the frame elements of the page is visible to the user, although individual frames may 
include corresponding scroll bars. Where the number of frames on such a page is large, 
or the window size small, a page scroll bar, like the scroll bar 1 18 of Fig. 1, may appear. 
Further, as the size of individual frames change, for example by resizing the window 308 
or resizing a frame, scroll bars may appear or disappear depending on the extent to which 

20 content within the frame is able to be presented in its entirety. 

A frames page, in an HTML description, is characterised from a normal page 
generally by the absence of direct content. A frames page normally contains references to 
content. For example, an HTML representation of a normal (ie. non-frames) page could 
be as follows: 

25 

<HTML> 
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text content at the head of the page 
<Image SRC = image. jpg> 
< other content > 
</HTML> 

5 

An HTML representation of a frames page may be as follows: 



<HTML> 

< FRAMESET ROWS = 100%> 
10 < FRAME SRC = www. address , com > 

</FRAMESET> 
</HTML> 



Significantly, the frame sourced in the frames page is, in this example, a Web 
15 page, for example that of the non-frames page specified above. The < FRAME > item can 
alternatively be another frame, or a link to another frameset. 

Fig. 4A shows an example of selecting the print preview icon 306. A print 
preview 400 results therefrom as seen from Fig. 4A, in which the print preview function 
does not display the entirety of the web page. As seen from Fig. 4A, the content item 408 
20 has been reproduced in its entire length, and there is no need for inclusion of a vertical 
scroll bar in that content item. However, since the width of the content 410 within the 
content item 408 continues to exceed the boundaries of the content item, a horizontal 
scroll bar 412 is reproduced in the print preview display 400. It will be appreciated that 
the reproduction of horizontal or vertical scroll bars in a print preview display does not 
25 provide a mechanism by which the user may scroll within that print preview display. The 
print preview display, once created cannot be altered in its content. Only certain levels of 
magnification may be adjusted as generally provided for in the print preview toolbar, by 
zoom controls 420. Accordingly, the reproduction in Fig. 4A of the horizontal and 
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vertical scroll bars merely illustrates in that print preview that horizontal and vertical 
scroll bars would be reproduced if and when printing was actually selected. 

As is further apparent from Fig. 4A, because the width of the items exceeds the 
width of the page, content from a number of the items is cropped and the scroll bars 
5 remain. 

Fig. 4B shows a real-life example of the print preview of a frames page using 
Internet Explorer™6.0. In the print preview 450, the toolbar includes an indication 452 
that the print preview be selected by the user to display "as laid out on the screen". This, 
according to Internet Explorer ™6.0 produces a print preview display corresponding to 
10 that as seen and utilising the same layout provided on the display screen 21 14 to the user. 
As is apparent, a vertical scroll bar 454 and a horizontal scroll bar 456 are depicted in the 
print preview. The print preview in this example also includes a header 458 and footer 
460 which may be generated by the browsing application (in this case Internet 
Explorer™6.0). 

15 As will be appreciated from Figs. 4A and 4B, the display of frames pages using 

traditional printing techniques contained within known browser applications is 
unsatisfactory as desired information can be cropped from the display, particularly when 
presenting frames pages, 

Internet Explorer™5.5 and 6.0 include further options for print preview and the 

20 consequential printing of frames pages. Two examples of this are shown in Figs. 5A 
to 5D. In particular, in addition to the "as laid out on the screen" option described above, 
Internet Explorer™5.5 and 6.0 has a further option to "print all frames individually". 
User selection of this option causes the browser application to allocate each frame of the 
web page to at least one corresponding printable page of the hardcopy document to be 

25 printed. This is seen in Figs. 5A to 5D where the web page 308 is identified as having 
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essentially four frames, a first containing the content item 310, a second containing the 
content item 316, a third containing the content items 312 and 314 (which may be formed 
as a single table) and a fourth containing the content items 322. Fig. 5A shows a print 
preview of a first page 500 of such a print job. The first page 500 is seen to include only 
5 one item 502 corresponding to the content item 310 of Fig. 3. In Fig. 5B, the second 
page 510 is shown in which the content item 316 of Fig. 3 is seen as being able to be 
accommodated in its entirety as is shown by the content 512. It is seen that the links of 
the content 512 include one substantially long link, which was otherwise obscured in the 
web page 308 thereby necessitating the horizontal scroll bar 320. The display 512 also 

10 includes a number of links that were not shown in the web page 308 without actuation of 
the vertical scroll bar 318. Fig. 5C shows a third page 520 of the print preview where the 
two content items 522 and 524 are shown displayed in their tabular form. Like Fig. 5B, 
as shown in Fig. 5D, the final page 530 of the print preview is able to accommodate the 
entirety of the final content item 322 (532). Again, horizontal and vertical scroll bars are 

15 omitted in this example by virtue of the entirety of the content being able to fit within a 
single A4 size page. 

The third alternative offered by Internet Explorer™5.5 and 6.0 enables the 
printing of a frame selected by the user. In such an instance, the user need only select one 
frame of the web page 308, this being performed for example by dragging the 
20 mouse 2103 across that portion of content, and then selecting the print preview icon 306. 
In such an instance, the browser application formats only that frame for printing and a 
print preview, corresponding to one of the four print previews of Figs. 5 A to 5D, is then 
provided to the user for review and possible printing. 

The three alternatives offered by Microsoft Internet Explorer™5.5 and 6.0 are 
25 far from satisfactory in that the first can result in the cropping of desired material, and the 
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second can be expensive in terms of paper and ink. In this regard, it is observed that 
Figs. 5A and Fig. 5C have little content printed there upon. Selection of the second and 
third alternatives results in a significant loss of layout and perspective in the user's mind 
as to the content of the web page 308 as a whole. 

5 The present disclosure proposes a printing application, as noted herein as 

"custom print", which is preferably implemented as an add-on tool band to a generic 
browser application, such as Internet Explorer™5.5 or 6.0. An example of this is seen in 
Fig. 6 that shows part of the Internet Explorer™ GUI 600 which includes a known first 
tool band 602 corresponding to that which permits access to the Google search engine 

10 and associated facilities. The further tool band 604, developed as part of the present 
disclosure, is provided to enable customised printing of web pages and it is observed that 
the custom print tool band 604 is distinct from the generic print icon 606 contained in the 
tool bar 608 of the Internet Explorer™ GUI 600. In this regard, selection of the print 
icon 606 will result in printing according to the arrangements of Figs. 2 A to 5D, whereas 

15 a selection of a print icon 610 or a preview icon 612 of the tool band 604 will enable 
printing in the fashion to be now described and which accommodates frames pages and 
which substantially faithfully reproduces a layout of the relevant web page. 

One feature of the custom print application disclosed herein is automatic scaling 
to fit web page content onto a printed page. This removes the page-clipping problem 

20 described above and seen in Fig, 7 where a print preview 700 of a web page 702 has a 
width 704 exceeding the width 706 of the print media. To achieve this form of "auto fit", 
the custom print application examines the web page and records the width of the widest 
element (eg. 704) in the entire document. The application then records the width of the 
print media (ie. 706) that the web page will be printed on and determines a print-scaling 

25 ratio, if the element width is greater than the page width. The web page document is then 

645878us 



-15- 

reduced by this ratio in order to fit entirely onto the print media. Fig. 8 shows a print 
preview 800 formed using width scaling where the width of the content is reduced to a 
width 802 of the media. 

The custom printing application is also capable of printing multiple columns of 

5 web pages onto a single printed sheet of paper. This allows the user to compress more 
information onto a single page to make reading easier and to save on paper usage. The 
user can select up to three columns when printing in either a portrait mode or a landscape 
mode. Fig. 9 demonstrates multi-column printing with 2 columns on a landscape page. 
When printing multi-column pages, print scaling as described is applied. However, 

10 instead of using the width of the print media to calculate the scaling ratio, the width of the 
column is used. 

The custom print application makes it possible to print framed pages in an 
optimized fashion. Internet Explorer™ 5.5 and 6.0 currently add scrollbars when printing 
frame-based web pages that are too long for the print media. An example of this was 

15 shown previously in Fig. 4B. The custom print application makes it possible to print 
these long frames in a coherent fashion. Long frames are expanded over a number of 
pages and printed in their entirety with the scrollbar removed. This is demonstrated 
diagrammatically in Figs. 10 and 11. In Fig. 10, a prior art print preview function 
(eg. 122 or 306) provides a window 1000 having a page representation 1002. It is noted 

20 that the content on the page 1002 is cropped at the bottom 1006 and an inactive scroll 
bar 1004 is included. 

Using the print preview function 612 (see Fig. 6) of the custom print application, 
the same web page is formed into a print preview 1100 of Fig. 1 1 and which spans two 
pages as shown thereby showing all the previously cropped content, and no scrollbar. A 
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seen in Fig. 11, the content neatly extends to the bottom 1102 of the first page, and 
continues to conclusion onto the second page 1 104. 

Some browsers, such as Internet Explorer™5.5+, provide the capacity for the 
user to customize how the web browser prints and previews documents. The mechanism 
5 for printing and previewing is controlled by print templates, which are HTML files that 
developers can create using the object model exposed by the print template behaviours. 
The print template in Internet Explorer™ contains JScript code (a Microsoft version of 
JavaScript) that is used for manipulating content and accessing objects within the page. 
The custom print toolband 604 (a C++ application) is the control that issues IDM_PRINT 

10 or IDM_PRINTPREVIEW commands, which are commands used within Internet 
Explorer™, and provides the path to a custom print template. By default, Internet 
Explorer™ uses its own print template associated with the icon 606. 

Fig. 12 shows a flowchart depicting a method 1200 demonstrating interaction 
between the custom print application and a host browser application, such as Internet 

15 Explorer. At step 1202 the user chooses to select a print preview function from the 
browser. That selection may be a default print preview selection 1204, which instigates 
step 1206 whereby the browser calls its own default print template. Alternatively, the 
user's selection may be one from the custom print toolband 604 as indicated at step 1208 
and at step 1210, the toolband code issues commands to the browser application. At 

20 step 1212, the toolband triggers the custom print template using HTML code. 
By creating print templates it is possible to control: 

• the layout of pages when printed/previewed, and the content that is 
printed/previewed on them 

• how print jobs are handled - for instance, which pages are printed in what order; 
25 and 
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• the look of the print preview window and controls available on the print preview 
user interface. 

A print template is preferably written using standard HTML, JScript and element 
behaviours specific to print templates. Four behaviours associated with Internet 
5 Explorer™ 5.5+ are: 
DEVICERECT 

• LAYOUTRECT 

• TEMPLATEPRINTER 

• HEADERFOOTER . 

10 Element behaviours were added to Internet Explorer from version 5.5 onwards, and 

provide the ability to add custom elements to web pages. In the following description, the 
terms element and behaviour may be used interchangeably. These four new element 
behaviours are used within print templates in the following fashion: 

DEVICERECT - A DEVICERECT element represents a page to be printed or 

15 viewed in print preview. The number of physical pages printed will correspond to the 
number of DEVICERECT elements within the print template. The DEVICERECT will 
have width and height properties that correspond to the width and height of the physical 
page. These are obtained by querying the TEMPLATEPRINTER element. 

LAYOUTRECT - LAYOUTRECT elements define the area or areas (and their 

20 styles) on a page where a document's (web page) content is displayed when printed or 
during print preview. In a print template, LAYOUTRECT elements are contained by the 
DEVICERECT elements described above. A DEVICERECT can contain more than one 
LAYOUTRECT. As well as width and height properties, the LAYOUTRECT also has a 
zoom property that can be used to scale its content. The custom print application uses this 

25 for scaling content to fit a page. To add content to a LAYOUTRECT, the contentSrc 
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attribute can be passed a URL string. The page pointed at by the URL will then load or 
"flow" into the LAYOUTRECT. 

TEMPLATEPRINTER - The TEMPLATEPRINTER element provides a number 
of methods that give a print template control over the start and end of print jobs, control 
5 over the printing of each individual page in a print job and control over the display of 
printing dialog boxes such as the standard Print and Page Setup dialogues. The properties 
of TEMPLATEPRINTER enable a print template to set or retrieve the page setup settings 
and current print job settings. For instance, a print template might set or retrieve the page 
width and page height for page setup, or the start and finish pages to determine the page 
10 range to print. 

HEADERFOOTER - The HEADERFOOTER behaviour is a conversion tool 
used by the print template to generate HTML from the header and footer formatting 
strings defined by the Page Setup dialog box. The element contains properties textHead 
and textFoot that can be used to insert text headers and footers on the page to be printed. 

15 This often includes information such as the page URL and the page number. 

The relationship between some of these elements is demonstrated in Fig. 13 where a 
print preview 1300 is shown. The print preview 1300 includes a DEVICERECT 1306 
which corresponds to a printed page and can contain multiple LAYOUTRECT's. A 
number of LAYOUTRECT's 1304 are shown and can be positioned within the 

20 DEVICERECT 1306 and contained Web page documents. HEADERFOOTER 1302 
adds text headers and footers. 

It is possible to access the parameters passed to the print preview dialogue 
window by accessing the dialogArguments object in Internet Explorer™. This object 
includes the property _JE_BrowseDocument that allows a print template access to the 

25 document object for the current web page loaded in Internet Explorer™. It is possible to 
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use this object to access any information in the document including information about 
framesets and widths and heights of elements. 

Optimized scaled printing as described above is implemented via a method that 
extracts the width of the widest element in the web page to be printed. The width of the 
5 widest element of the page is stored in an attribute of the page called the scrollWidth. 
This value is recorded and used to calculate the scaling ratio for the page. Using the 
TEMPLATEPRINTER element, the custom print application extracts the width of the 
print media and then calculates a scaling ratio by which to reduce the document in order 
to fit it onto the print media. This ratio is then used as the zoom parameter for the 
10 LAYOUTRECT into which the document will be loaded. The following pseudo code 
extract demonstrates how the widest element value is used in conjunction with the print 
media width to calculate a scaling ratio. 

/ / get the width of the widest element 
15 maxWidth = page . scrollWidth; 
/ / get the width of the print media 

printMediaWidth = physicalPageWidth - marginWidths 
/ / calculate the scaling ratio 

scaleRatio = printMediaWidth / maxWidth 

20 

The LAYOUTRECT zoom is then set to this scaling ratio and the content (the 
web page document) will be entirely viewable on the page. It is also necessary to 
increase the width of the LAYOUTRECT by the inverse of the scaling ratio. This is 
because when the scaling ratio is applied to the LAYOUTRECT, the content not only gets 
25 smaller but so does the LAYOUTRECT. It is therefore necessary to increase the width of 
the LAYOUTRECT by the same ratio so that the width of the LAYOUTRECT appears 
not to be scaled. 
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This is seen in the example of Figs. 24A to 24C. In Fig. 24A, a frame 2400 is 
shown as would be normally displayed by a browser upon the display 2114. The 
frame 2400 has a frame width, and a scroll width of content 2402, as indicated. As seen 
in Fig. 24B, the frame is to be formatted for printing on a print medium 2406 having a 

5 width. The scroll width and the print medium width define the ratio to which the frame 
and its content must be scaled to fit in the width of the print medium 2406. However, at 
the stage shown in Fig. 24B, once scaled or zoomed to fit, that portion of the content 2402 
outside of the frame 2400 would not be visible. It is therefore necessary to expand or 
zoom the LAYOUTRECT of the frame in Fig. 24B by the width 2408. This is done by 

10 scaling the LAYOUTRECT, but not the content 2402 thereof, by the inverse of the 
previously applied scaling factor. This returns the LAYOUTRECT 2410, as seen in 
Fig. 24C, to the size of the original frame 2400 where the entirety of the content 2402 is 
visible on the printable page by virtue of the expanded size 2410 of the LAYOUTRECT. 
The competent handling of framed pages increases the complexity of the custom 

15 print template. Although, scaling is also provided within framed pages, the issue of 
"long" frames as introduced above is dealt with in an entirely separate fashion. Having 
detected the presence of frames, by looking for a <f rame> element in the source 
HTML code, the custom print application then stores information about each of these 
frames in a recursive data structure. This can be performed by a query upon the 

20 Document Object Model (DOM) description, which is a description of the Web page, to 
identify the number of frame elements. If this number is greater than zero, then a frames 
page is present and the frames printing process of the custom print application is 
implemented. This data structure (described later) is recursive because a frame may 
contain references to other (nested) frames. 
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The custom print template uses a PT PrintDocument data structure to represent 
each page or frame that will be printed. This structure contains information such as the 
URL of the page, a unique identifier, the top and left hand positions of the frame, a 
Boolean to indicate whether or not there are frames in the page and also an array of 
5 PT PrintDocuments to be used when the page contains frames. This data structure is 
defined in the following code: 

function PT_PrintDocument (sDocSrc, oDoc, sWidth, sHeight, iUID) 
{ 

10 this.pt_UID = iUID; // the unique id 

this ,pt_DocSrc = sDocSrc; // the source string 

this .pt_LayoutRectSrc; // the string identifying the layoutrect 

this . pt_LayoutRect ; // the layout rect for the doc 

this .pt_Layout Rect Src; // the local source of the layoutrect 

15 this .pt_scrollWidth = sWidth; // the width of the frame content 

this .pt__s.crollHeight = sHeight; // the height of the frame content 
this . pt_FrameTop; // the top position of the frame 

this . pt_FrameLef t ; // the left position of the frame 

this . pt_FrameHeight; // the height of the frame 

20 this .pt__FrameWidth; // the width of the frame 

this .pt_Dependencies = new Array ();// array of rect IDs which are 

above this 

this .pt_ChildFrames = new Array () ; // an array pointing to the child 

frames 

25 } 

Internet Explorer™ for example, stores a local copy of the content of each frame 
whenever it encounters a framed page. This allows the browser to access the content 
quickly if the user requests viewing of individual frames. The custom print application 
30 stores the path of these local copies within the PT_PrintDocument data structure as well 
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as storing other information about the frames such as their width, height and position. 
This information is all obtained by accessing the attributes of the frame on the original 
page. As each PTPrintDocument structure is created, a copy is also stored in a linear 
array, thus removing the tree structure of the nested frames. This is demonstrated in 

5 Fig. 14. Using this linear array makes iterating through all of the frames more simple 
than traversing the original tree structure. As seen in Fig. 14, the document structure is 
shown as a tree structure 1400 having a primary frame 1404, from which depends the 
three secondary frames 1406, 1408 and 1410. Depending from the secondary 
frame 1410, are two tertiary frames 1412 and 1414. This tree structure is copied and 

10 stored in a linear array 1402. This may be performed in other ways, one example of 
which is by traversing the tree. The ordering of the frame records in the linear array is not 
significant, as each record includes a link to the frame from which it depends. Reading of 
the array commences by finding that record that does not depend from any other record. 

As well as recording the height of the frame as viewed on the page, the height of 

15 the content within the frame (the scrollHeight) is also recorded by the custom print 
application. If the scrollHeight is larger than the height of the frame, then the frame will 
contain a vertical scrollbar when it appears in the web browser to enable the user to scroll 
and view the rest of the content. 

This is shown in Fig. 15 where content 1500, contained within a web page, 

20 includes a visible portion contained within a frame 1510 having a height 1504. The frame 
is scrollable using a scroll bar 1502 to access the remaining content of the frame. The 
actual scrollHeight necessary to view the remaining content 1506 is depicted by an 
arrow 1 508. The custom print application uses the scrollHeight of the frame rather than 
the frame height to create the printout of the document so that the scrollbars are removed 

25 and all the content can be seen. 
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Increasing the size of the frames by using the scrollHeight means that some of 
the frames may overlap each other. This is seen in Figs. 16 and 17 where Fig. 16 shows 
an original page 1600 having a frame 1602 and an associated scrollbar 1604. Fig. 17 
shows the same page, now designated 1700 which includes the previously visible portion 

5 of the frame, now designated 1 702 and an expanded portion 1 704 that now overlaps the 
underlying frame of the page. A simple test can be carried out to see if this is the case. 
Once all of the frame information has been recursively stored, a function is called that 
checks each of the frames and records if any of the other frames appear higher up on the 
page. The unique IDs of these frames are stored in an array called pt Dependencies. 

10 Each PT PrintDocument structure, and therefore each frame, has such an array and thus 
knows which frames appear above it on the page. These dependencies are used when the 
frames are drawn on the page to be printed. Only frames that have had all their 
dependencies drawn already can be drawn on the page (ie. the topmost frame will always 
be drawn first). 

15 The removal of vertical scrollbars has already been explained by the process of 

expanding long frames. Horizontal scrollbars are removed in a different fashion. In this 
case, instead of expanding the frame to fit the content, the content is scaled to fit the 
frame. The scrollWidth was recorded when the frames were recursively stored. This is 
now compared to the frame width {this.pt_FrameWidth) and an appropriate scaling factor 

20 is calculated. The scaling factor is then applied to the content of the frame so that all the 
content can be seen. Each frame will have its own independent scaling ratio so that each 
is scaled to fit its particular content. It is noted that although the frame at this stage has 
been altered from its original form, it is still a frame, although not one within the original 
frameset (ie. the original LAYOUTRECT). The disclosed arrangement creates its own 
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LAYOUTRECT for each frame, and inserts the content of the frame into the created 
LAYOUTRECT. 

The scaling ratio for each frame may be calculated using pseudo-code as 

follows: 

5 

// calculate the scaling ratio 

scaleRatio = this . pt_FrameWidth / this . pt__ScrollWiclth 

Each frame is drawn ready for printing once all of the frames that it is dependent 

10 on (ie. frames that were above it on the original web page) have been drawn. Therefore 
the topmost frame, which will not be dependent on any other frames is always drawn first. 
Before a frame is drawn, a check for any overlaps is performed by comparing the top of 
the frame with the bottom of the all of the frames that it is dependent on. If there is an 
overlap, then the frame is shifted down to remove the overlap. A LAYOUTRECT is 

15 drawn on the page to correspond to the position where the frame was in the original page 
(except that it may have been pushed down) and the frames content is placed in the 
LAYOUTRECT. The LAYOUTRECT is positioned based on the this.pt _FrameTop and 
this.ptJFrameLeft values that were recorded earlier. If a frame overlaps the bottom of the 
page the custom print dynamically creates new pages to handle this overlap and to 

20 thereby display the remaining content. 

When an overflow occurs (ie. content going over a page), new pages 
(ie. DEV1CERECTS) are created to house the extra content. A simple check is performed 
to see if a frame goes beyond the bottom of the page. This is done by comparing the 
bottom of the frame with the bottom of the page. If there is an overlap, then a new 

25 LAYOUTRECT is created on the new page so that the rest of the frame content can be 
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displayed. This process continues until all of the frame content has been displayed. 
Figs. 18A-18D demonstrates the process of dealing with long frames and creating new 
pages. 

Using the custom print application as described, the printing functionality of 

5 generic browsing applications may be readily adapted to faithfully accommodate and 
allow for the quality user interpretation of printed web pages containing frames. 

Preferably, the custom print application may be downloaded via the Internet to 
the user's computer 2101 in the form of an application program that automatically 
attaches itself to the generic browser application. In this fashion, the user interface of the 

10 custom print application (ie. the toolband 604 in Fig. 6) may be automatically reproduced 
with the generic browser application at initialisation. 

Returning to the exemplary web page 308 shown in Fig. 3, Fig. 20 depicts a print 
preview representation 2000 of the same web page according to that produced by the 
custom print application. As can be seen, width scaling has occurred in respect of the 

15 links content 2010 on a first page 2002. Further, "More Content & Stuff is shown as an 
item 2006 on the first page 2002 and as a continuation 2008 on the second page 2004. In 
this fashion, the entire content of the original web page is reproduced and visible in the 
printable document contained by the print preview 2000 and the same layout is retained 
as that seen by the user on the display screen 2114. This significantly contrasts with the 

20 representations contained in Figs. 4A and 4B and Figs. 5A to 5D. 

As seen in Figs. 18A, an original web page 1800 comprises content items 1802, 
1804, 1806 and a frame content item 1808, The frame 1808 includes an associated 
scrollbar 1810. At this stage, the custom print application stores and measures all of the 
frames on the original page 1 800. It is observed that the frame 1 802 is dependent on no 

25 other frame, whereas frames 1804 and 1808 are each dependent on frame 1802. 
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Frame 1806 is dependent on both frames 1808 and 1802. As shown in Fig. 18B, the 
custom print application uses scrollHeight and scrollWidth to re-size any long frames, 
which are always expanded downwards. This is seen whereby the frame 1808 is 
expanded by the portion 1822 thereby removing the scrollbar 1810. It is seen that the 

5 expanded portion 1822 overlaps the content item 1806. 

The third stage of the process is shown in Fig. 18C where a check for any 
overlaps between frames is performed. If there are any overlaps, then the lower frame is 
shifted downwards. This is seen whereby the original frame 1808 has been shifted to 
form a frame 1842 in the representation 1840 and at the frame 1806 is expanded over a 

10 page break 1 844. If any of the LAYOUTRECTS overlap, the page then stores their sizes 
and dynamically creates a new page defined by the break 1 844. The result of this process 
is seen in Fig. 18D where two printable pages 1850 are formed and the content of the 
frame 1806 is extended from the first to the second page 1850. 

In the preferred implementation, frames have horizontal scrollbars, such as 

15 depicted in Figs. 23 A and 23B. Depicted in Fig. 23 A, a frames page 2300 is shown 
within a browser window, including a frame 2302, the entirety of which can be seen, and 
two pairs of side-by-side arranged frames 2306 and 2304, and 2312 and 2314 
respectively. The frame 2306 has a horizontal scroll bar 2310 to enable content 2308 to 
be viewed. Fig. 23B shows the result of extending the frames vertically to remove the 

20 vertical scroll bars according to the approach of Figs. 18A to 18D. Two printable 
pages 2350 are created with the frame 2304 resulting in overflow across the page break 
and realised by portions 2356 and 2358. The frame 2312 is scaled horizontally and 
shifted and extended vertically to become portion 2360, as seen in Fig. 23B. Further, the 
frame 2314 is shifted and extended vertically to become portion 2362. 
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The various approaches to the handling of frames pages for printing can be 
combined into a general printing method 2200 as depicted in Fig. 22. In the method 
2200, the user selects Print 610 or Print Preview 612 from the toolband 604 and the 
custom print application initially determines at step 2204 whether or not a frames page is 

5 to be printed. This can be done by examining the HTML for a <FRAME> definition. 
Where such is not present, a non-frames page is determined and step 2206 follows to 
implement a traditional printing process. This includes step 2208 which determines 
whether Print Preview 612 was selected, in which case the printable representation of the 
web page is presented on the display 2114 to the user. At step 2216, the application 

10 awaits detect of the user selecting printing, in which case step 2210 follows and the 
previewed representation is printed and the process ends at step 2212. If, at step 2208, 
Print 610 was determined, printing step 2210 follows directly. Where step 2204 detects 
the presence of a frames page, a method 1900 of Fig. 19 is implemented. 

The overall method performed by the custom print application for frames pages 

15 is summarised by the method 1900. An entry point 1902 to the method 1900 follows the 
selection of either one of the print preview icon 612 or print icon 610. In the first process 
step 1904, the method 1900 recursively stores and measures the frames of the web page. 
This can also include assessment of the width of the target print medium as discussed for 
example with reference to Figs. 7 and 8. This step also emulates the creation of the linear 

20 array 1402 of Fig. 14. In a next step 1906, the application builds a linear array of 
dependencies for each frame, this being a record of which frames are above which other 
frames on the page. Step 1908 follows which obtains a particular frame to draw. Step 
1910 then determines whether or not all higher dependency frames, if any, have already 
been drawn. If not, steps 1908 and 1910 are repeated to identify from the linear array an 

25 undrawn frame for which all dependency frames have been drawn. When such a frame is 
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identified, step 1912 then checks for overlap with the dependencies and shifts the frame 
downward where an overlap exists. Step 1914 then draws the particular frame and 
step 1916 dynamically creates a new page and LAYOUTRECT if required. Step 1920 
then checks if there are any more frames in the linear array that are yet to be drawn. If so, 

5 control returns to step 1908. When all frames are drawn, an arrangement such as that 
shown in Fig. 18D will exist. The method 1900 then performs steps 1922 to 1926 which 
correspond in function to the steps 2208 to 2212 described above. 

The custom print application makes it possible to print multiple web pages on a 
single printed page as described above with respect to multicolumn printing. This is 

10 achieved by adding a second LAYOUTRECT onto the DEVICERECT. Scaling can also 
be applied within the new columns but the scaling ratio calculation has to be updated. 
The print media width will now be calculated as the width of the physical page minus the 
margins and the gap between the columns. The total width of the column gaps is the 
column gap multiplied by the number of columns minus 1. The width is also divided by 

15 the number of columns so that multiple columns can fit on a single page. This may be 
described by the following pseudo code: 

// get the width of the print media 

printMediaWidth = (physicalPageWidth - marginWidths - 
20 (columnGap* (NumCorumns-1) ) / NumColumns 

Frame printing is also supported when printing multiple columns but calculations 
of resizing and positioning are performed relative each of the LAYOUTRECTs within the 
DEVICERECT. 
25 Industrial Applicability 
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It is apparent from the above that the arrangements described are applicable to 
the computer and data processing industries and particularly as a component or subsidiary 
to a browser application program. 

The foregoing describes only some embodiments of the present invention, and 
5 modifications and/or changes can be made thereto without departing from the scope and 
spirit of the invention, the embodiments being illustrative and not restrictive. 
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